import ToolPageTemplate from '@/components/ToolPageTemplate';
import { Typography, Box, Paper } from '@mui/material';
import SearchIcon from '@mui/icons-material/Search';

const RegexTestPage = () => {
    return (
        <ToolPageTemplate 
            title="正则表达式测试"
            description="正则表达式测试工具，实时验证匹配结果"
            category="开发工具"
            categoryColor="#2e7d32"
        >
            <Paper 
                elevation={0}
                sx={{ 
                    p: 4, 
                    textAlign: 'center',
                    bgcolor: 'grey.50',
                    minHeight: 300,
                    display: 'flex',
                    alignItems: 'center',
                    justifyContent: 'center',
                    border: '2px dashed',
                    borderColor: 'grey.300'
                }}
            >
                <Box>
                    <SearchIcon sx={{ fontSize: 80, color: 'grey.400', mb: 2 }} />
                    <Typography variant="h6" color="text.secondary" sx={{ mb: 1 }}>
                        正则表达式测试工具
                    </Typography>
                    <Typography variant="body2" color="text.secondary">
                        功能正在开发中...
                    </Typography>
                </Box>
            </Paper>
        </ToolPageTemplate>
    );
};

export default RegexTestPage;